<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'MyJsp.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript">
	var ctx = "h";
	console.log(1);
	</script>
	<link rel="Shortcut Icon" href="http://www.lagou.com/h/images/favicon.ico">
  	<link rel="stylesheet" type="text/css" href="style/css/style.css"/>
	<link rel="stylesheet" type="text/css" href="style/css/external.min.css"/>
	<link rel="stylesheet" type="text/css" href="style/css/popup.css"/>
	<link rel="stylesheet" href="fenye/myPagination.css">
	<script src="fenye/myPagination.js"></script>
	<script src="style/js/jquery.1.10.1.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="style/js/jquery.lib.min.js"></script>
    <script src="style/js/ajaxfileupload.js" type="text/javascript"></script>
    <script type="text/javascript" src="style/js/additional-methods.js"></script>
     <script type="text/javascript" src="style/js/conv.js"></script>
	<script type="text/javascript">
	var youdao_conv_id = 271546; 
	</script> 
	<script type="text/javascript" src="style/js/conv.js"></script>
	<script type="text/javascript">
	function toudi(obj1,obj2){
		$.post("AddDeliveryServlet",{pid:obj1,cid:obj2},function(oval){
		     alert(oval);
		});
	}
	</script>
	
 </head>
  
  <body>
	<div id="body">
		<!-- 开始 top -->
	        <jsp:include page="geren_resume/gerentop.jsp"></jsp:include>
          <!-- 结束 top -->
		<script type="text/javascript">
		
    	function a1(strx){
	  		x = document.getElementById("monthmoney");
	  		x.value =strx;
	  		x.type="text";
	  	
		}
    	function a2(strx){
	  		x = document.getElementById("pyears");
	  		x.value =strx;
	  		x.type="text";
		}
    	function a3(strx){
	  		x = document.getElementById("pqualifications");
	  		x.value =strx;
	  		x.type="text";
		}
    	function a4(strx){
	  		x = document.getElementById("pnature");
	  		x.value =strx;
	  		x.type="text";
		}
    	function a5(strx){
    		x = document.getElementById("ptime");
	  		x.value =strx;
	  		x.type="text";
    	}
    	function a6(strx){
	  		x = document.getElementById("pcity");
	  		x.value =strx;
	  		x.type="text";
		}
		</script>

		<div id="container">
			<div class="sidebar">
				<div id="options" class="greybg"> 
				<form id="positionListForm" name="positionListForm" action="ToListServlet" method="POST">
					<input type="hidden" id="pname" name="pname" value="${pname}" class="show"/>
				 	<input type="hidden" id="monthmoney" name="monthmoney" value=""/>
					<input type="hidden" id="pyears" name="pyears" value="" />
					<input type="hidden" id="pqualifications" name="pqualifications" value="" />
					<input type="hidden" id="pnature" name="pnature" value="" />
					<input type="hidden" id="ptime" name="ptime" value="" />
					<input type="hidden" id="pcity" name="pcity" value="" />
					<input type="submit" value="查询"/>
					
				</form>
					<dl>
						<dt>月薪范围 <em></em></dt>
						<dd>
							<div><a href="javascript:a1('不限');" >不限</a></div>
							<div><a href="javascript:a1('2k以上');">2k以上</a></div>
							<div><a href="javascript:a1('5k以上');">5k以上</a></div>
							<div><a href="javascript:a1('10k以上');">10k以上</a></div>
							<div><a href="javascript:a1('15k以上');">15k以上</a></div>
							<div><a href="javascript:a1('25k以上');">25k以上</a></div>
							<div><a href="javascript:a1('50k以上');">50k以上</a></div>
						</dd>
					</dl>
					<dl>
						<dt>工作经验 <em></em></dt>
						<dd>
							<div><a href="javascript:a2('');" >不限</a></div>
							<div><a href="javascript:a2('应届毕业生');">应届毕业生</a></div>
							<div><a href="javascript:a2('1年以下');" >1年以下</a></div>
							<div><a href="javascript:a2('1-3年');">1-3年</a></div>
							<div><a href="javascript:a2('3-5年');">3-5年</a></div>
							<div><a href="javascript:a2('5-10年');">5-10年</a></div>
							<div><a href="javascript:a2('10年以上');">10年以上</a></div>
						</dd>
					</dl>
					<dl>
						<dt>最低学历 <em></em></dt>
						<dd>
							<div><a href="javascript:a3('');" >不限</a></div>
							<div><a href="javascript:a3('大专');" >大专</a></div>
							<div><a href="javascript:a3('本科');" >本科</a></div>
							<div><a href="javascript:a3('硕士');" >硕士</a></div>
							<div><a href="javascript:a3('博士');" >博士</a></div>
						</dd>
					</dl>
					<dl>
						<dt>工作性质 <em></em></dt>
						<dd>
							<div><a href="javascript:a4('全职');" >全职</a></div>
							<div><a href="javascript:a4('兼职');" >兼职</a></div>
							<div><a href="javascript:a4('实习');" >实习</a></div>
						</dd>
					</dl>
					<dl>
						<dt>发布时间 <em></em></dt>
						<dd>
							<div><a href="javascript:a5('今天');" >今天</a></div>
							<div><a href="javascript:a5('3天内');" >3天内</a></div>
							<div><a href="javascript:a5('一周内');" >一周内</a></div>
							<div><a href="javascript:a5('一月内');" >一月内</a></div>
						</dd>
					</dl>
				
				</div>
				
				<!-- QQ群 
							<div class="qq_group">
							  	加入<span>前端</span>QQ群
							  	<div class="f18">跟同行聊聊</div>
							  	<p>160541839</p>
						  	</div>
				   			-->
				<!-- 对外合作广告位  -->
				<a href="http://www.w3cplus.com/" target="_blank" class="partnersAd">
					<img src="style/images/w3cplus.png" width="230" height="80" alt="w3cplus" />
				</a>
				<a href="" target="_blank" class="partnersAd">
					<img src="style/images/jquery_school.jpg" width="230" height="80" alt="JQ学校" />
				</a>
				<a href="http://linux.cn/" target="_blank" class="partnersAd">
					<img src="style/images/linuxcn.png" width="230" height="80" alt="Linux中文社区" />
				</a>
				<a href="http://zt.zhubajie.com/zt/makesite? utm_source=lagou.com&utm_medium=referral&utm_campaign=BD-yl"
					target="_blank" class="partnersAd">
					<img src="style/images/zhubajie.jpg" width="230" height="80" alt="猪八戒" />
				</a>
				<a href="http://www.imooc.com" target="_blank" class="partnersAd">
					<img src="style/images/muke.jpg" width="230" height="80" alt="幕课网" />
				</a>
			</div>

			<div class="content">
				<div id="search_box">
					<form id="searchform" name="searchform" action="ToListServlet" method="post">
						<input type="text" id="search_input" name="pname" tabindex="1" value="${pname }"
							placeholder="请输入职位名称，如：产品经理" />
						<!--  <input type="hidden" name="spc" id="spcInput" value="1" />
						<input type="hidden" name="pl" id="plInput" value="" />
						<input type="hidden" name="gj" id="gjInput" value="" />
						<input type="hidden" name="xl" id="xlInput" value="" />
						<input type="hidden" name="yx" id="yxInput" value="" />
						<input type="hidden" name="gx" id="gxInput" value="" />
						<input type="hidden" name="st" id="stInput" value="" />
						<input type="hidden" name="labelWords" id="labelWords" value="label" />
						<input type="hidden" name="lc" id="lc" value="" />
						<input type="hidden" name="workAddress" id="workAddress" value="" />
						<input type="hidden" name="city" id="cityInput" value="全国" />
						-->
						<input type="submit" id="search_button" value="搜索" />	
				</form>
				</div>
				
				<style>
					.ui-autocomplete {
						width: 488px;
						background: #fafafa !important;
						position: relative;
						z-index: 10;
						border: 2px solid #91cebe;
					}

					.ui-autocomplete-category {
						font-size: 16px;
						color: #999;
						width: 50px;
						position: absolute;
						z-index: 11;
						right: 0px;
						/*top: 6px; */
						text-align: center;
						border-top: 1px dashed #e5e5e5;
						padding: 5px 0;
					}

					.ui-menu-item {
						*width: 439px;
						vertical-align: middle;
						position: relative;
						margin: 0px;
						margin-right: 50px !important;
						background: #fff;
						border-right: 1px dashed #ededed;
					}

					.ui-menu-item a {
						display: block;
						overflow: hidden;
					}
					
				</style>
				<script type="text/javascript" src="style/js/search.min.js"></script>
				<dl class="hotSearch">
					<dt>热门搜索：</dt>
					<dd><a href="ToListServlet?pname=Java">Java</a></dd>
					<dd><a href="ToListServlet?pname=PHP">PHP</a></dd>
					<dd><a href="ToListServlet?pname=Android">Android</a></dd>
					<dd><a href="ToListServlet?pname=iOS">iOS</a></dd>
					<dd><a href="ToListServlet?pname=前端">前端</a></dd>
					<dd><a href="ToListServlet?pname=产品经理">产品经理</a></dd>
					<dd><a href="ToListServlet?pname=UI">UI</a></dd>
					<dd><a href="ToListServlet?pname=运营">运营</a></dd>
					<dd><a href="ToListServlet?pname=BD">BD</a></dd>
					<dd><a href="ToListServlet?pname=实习">实习</a></dd>
				</dl>
				<div class="breakline"></div>
				<dl class="workplace" id="workplaceSelect">
					<dt class="fl">工作地点：</dt>
					<dd>
						<a href="javascript:a6('');" class="current">全国</a>
						|
					</dd>
					<dd>
						<a href="javascript:a6('北京');">北京</a>
						|
					</dd>
					<dd>
						<a href="javascript:a6('上海');">上海</a>
						|
					</dd>
					<dd>
						<a href="javascript:a6('广州');">广州</a>
						|
					</dd>
					<dd>
						<a href="javascript:a6('深圳');">深圳</a>
						|
					</dd>
					<dd>
						<a href="javascript:a6('成都');">成都</a>
						|
					</dd>
					<dd>
						<a href="javascript:a6('杭州');">杭州</a>
						|
					</dd>
					<dd>
						<a href="javascript:a6('武汉');">武汉</a>
						|
					</dd>
					<dd>
						<a href="javascript:a6('南京');">南京</a>
						|
					</dd>
					<dd class="more">
						<a href="javascript:;">其他</a>
						<div class="triangle citymore_arrow"></div>
					</dd>
					<dd id="box_expectCity" class="searchlist_expectCity dn">
						<span class="bot"></span>
						<span class="top"></span>
						<dl>
							<dt>ABCDEF</dt>
							<dd>
								<span><a href="javascript:a6('北京');">北京</a></span>
								<span><a href="javascript:a6('长春');">长春</a></span>
								<span><a href="javascript:a6('成都');">成都</a></span>
								<span><a href="javascript:a6('重庆');">重庆</a></span>
								<span><a href="javascript:a6('长沙');">长沙</a></span>
								<span><a href="javascript:a6('常州');">常州</a></span>
								<span><a href="javascript:a6('东莞');">东莞</a></span>
								<span><a href="javascript:a6('大连');">大连</a></span>
								<span><a href="javascript:a6('佛山');">佛山</a></span>
								<span><a href="javascript:a6('福州');">福州</a></span>
							</dd>
						</dl>
						<dl>
							<dt>GHIJ</dt>
							<dd>
								<span><a href="javascript:a6('贵阳');">贵阳</a></span>
								<span><a href="javascript:a6('广州');">广州</a></span>
								<span><a href="javascript:a6('哈尔滨');">哈尔滨</a></span>
								<span><a href="javascript:a6('合肥');">合肥</a></span>
								<span><a href="javascript:a6('海口');">海口</a></span>
								<span><a href="javascript:a6('杭州');">杭州</a></span>
								<span><a href="javascript:a6('惠州');">惠州</a></span>
								<span><a href="javascript:a6('金华');">金华</a></span>
								<span><a href="javascript:a6('济南');">济南</a></span>
								<span><a href="javascript:a6('嘉兴');">嘉兴</a></span>
							</dd>
						</dl>
						<dl>
							<dt>KLMN</dt>
							<dd>
								<span><a href="javascript:a6('昆明');">昆明</a></span>
								<span><a href="javascript:a6('廊坊');">廊坊</a></span>
								<span><a href="javascript:a6('宁波');">宁波</a></span>
								<span><a href="javascript:a6('南昌');">南昌</a></span>
								<span><a href="javascript:a6('南京');">南京</a></span>
								<span><a href="javascript:a6('南宁');">南宁</a></span>
								<span><a href="javascript:a6('南通');">南通</a></span>
							</dd>
						</dl>
						<dl>
							<dt>OPQR</dt>
							<dd>
								<span><a href="javascript:a6('青海');">青岛</a></span>
								<span><a href="javascript:a6('泉州');">泉州</a></span>
							</dd>
						</dl>
						<dl>
							<dt>STUV</dt>
							<dd>
								<span><a href="javascript:a6('上海');">上海</a></span>
								<span><a href="javascript:a6('石家庄');">石家庄</a></span>
								<span><a href="javascript:a6('绍兴');">绍兴</a></span>
								<span><a href="javascript:a6('沈阳');">沈阳</a></span>
								<span><a href="javascript:a6('深圳');">深圳</a></span>
								<span><a href="javascript:a6('苏州');">苏州</a></span>
								<span><a href="javascript:a6('天津');">天津</a></span>
								<span><a href="javascript:a6('太原');">太原</a></span>
								<span><a href="javascript:a6('台州');">台州</a></span>
							</dd>
						</dl>
						<dl>
							<dt>WXYZ</dt>
							<dd>
								<span><a href="javascript:a6('武汉');">武汉</a></span>
								<span><a href="javascript:a6('无锡');">无锡</a></span>
								<span><a href="javascript:a6('温州');">温州</a></span>
								<span><a href="javascript:a6('西安');">西安</a></span>
								<span><a href="javascript:a6('厦门');">厦门</a></span>
								<span><a href="javascript:a6('烟台');">烟台</a></span>
								<span><a href="javascript:a6('珠海');">珠海</a></span>
								<span><a href="javascript:a6('中山');">中山</a></span>
								<span><a href="javascript:a6('郑州');">郑州</a></span>
							</dd>
						</dl>
					</dd>
				</dl>


				<ul class="hot_pos reset">
					<c:forEach items="${positionList }" var="position" varStatus="status">
					
						<li class="clearfix">
							<div class="hot_pos_l">
								<div class="mb10">
									<a href="TogetpostDetailsServlet?pid=${position.pid }" target="_blank">${position.pname }</a> &nbsp;

									<span class="c9">[${position.pcity }]</span>
								</div>
								<span><em class="c7">月薪：</em>${position.monthlyMin}k-${position.monthlyMax}k</span>
								<span><em class="c7">经验：</em> ${position.pyears }</span>
								<span><em class="c7">最低学历：</em>${position.qualifications}</span>
								<br />
								<span><em class="c7">职位诱惑：</em>${position.treatment }</span>
								<br />
								<span>${position.releaseTime }发布</span>
							</div>

							<c:forEach items="${companyList }" var="company" varStatus="status">
								<c:if test="${position.cid == company.cid}">
									<div class="hot_pos_r">
									<div class="apply">
			                        	<a onclick="toudi(${position.pid},${company.cid})" target="_blank">投个简历</a>
			                        </div>
										<div class="mb10 recompany">
											<a href="TogetcompanyServlet?edithomepage=1&cid=${company.cid}" target="_blank">${company.cshortName}</a>
										</div>
										<span><em class="c7">领域：</em>${company.fid}</span>
										<span><em class="c7">创始人：</em>${company.cboss}</span>
										<br />
										<span><em class="c7">阶段：</em> ${company.cdevelopment}</span>
										<span><em class="c7">规模：</em>${company.cscale}</span>
										<ul class="companyTags reset">
											<li>${company.ctag}</li>
										</ul>
									</div>
								</c:if>
							</c:forEach>
						</li>
					</c:forEach>
					</li>


				</ul>
				<div id="pagination" class="pagination"></div>
				<script type="text/javascript">
				window.onload=function(){
					new myPagination({
						id:'pagination',
						curPage:${index},
						pageTotal:${pagecount},
						pageAmount: 10,
						dataTotal:${count},
						pageSize:5,
						showPageTotalFlag:true,
						showSkipInputFlag:true,
						getPage:function(page){
							console.log(page);
							location='ToListServlet?page='+page;
						}
					});
					
				}
				
				</script>
			</div>

			<script>
			
				/* $(function () {
					
					$('.Pagination').pager({
						currPage: 1,
						pageNOName: "pn",
						form: "searchForm",
						pageCount: 30,
						pageSize: 5
					}); */

					// $(".workplace dd").not('.more').children('a').click(function () {
					// 	$('#lc').val(1);
					// 	editForm("cityInput", $(this).html());
					// });

					// $("#box_expectCity dd span").click(function () {
					// 	$('#lc').val(1);
					// 	editForm("cityInput", $(this).html());
					// });

					// $('#options dd div').click(function () {
					// 	var firstName = $(this).parents('dl').children('dt').text();
					// 	var fn = $.trim(firstName);
					// 	if (fn == "月薪范围") {
					// 		editForm("yxInput", $(this).html());
					// 	}
					// 	else if (fn == "工作经验") {
					// 		editForm("gjInput", $(this).html());
					// 	}
					// 	else if (fn == "最低学历") {
					// 		editForm("xlInput", $(this).html());
					// 	}
					// 	else if (fn == "工作性质") {
					// 		editForm("gxInput", $(this).html());
					// 	}
					// 	else if (fn == "发布时间") {
					// 		editForm("stInput", $(this).html());
					// 	}
					// });

					$('#selected ul').delegate('li span.select_remove', 'click', function (event) {
						var firstName = $(this).parent('li').find('strong').text();
						var fn = $.trim(firstName);
						if (fn == "月薪范围")
							editForm("yxInput", "");
						else if (fn == "工作经验")
							editForm("gjInput", "");
						else if (fn == "最低学历")
							editForm("xlInput", "");
						else if (fn == "工作性质")
							editForm("gxInput", "");
						else if (fn == "发布时间")
							editForm("stInput", "");
					});

					/* search结果飘绿	*/
				 	(function ($) {
						var searchVal = $('#search_input').val();
						var reg = /\s/g;
						searchVal = searchVal.replace(reg, "").split("");

						var resultL = '';
						var resultR = '';
						$('.hot_pos li').each(function () {
							resultL = $('.hot_pos_l a', this).text().split("");
							$.each(resultL, function (i, v) {
								if ($.inArray(v.toLowerCase(), searchVal) != -1 || $.inArray(v.toUpperCase(), searchVal) != -1) {
									resultL[i] = '<span>' + v + '</span>';
								}
							});
							$('.hot_pos_l a', this).html(resultL.join(''));

							resultR = $('.hot_pos_r .mb10 a', this).text().split("");
							$.each(resultR, function (i, v) {
								if ($.inArray(v.toLowerCase(), searchVal) != -1 || $.inArray(v.toUpperCase(), searchVal) != -1) {
									resultR[i] = '<span>' + v + '</span>';
								}
							});
							$('.hot_pos_r .mb10 a', this).html(resultR.join(''));
						});

					})(jQuery); 

					//didi tip
					if ($.cookie('didiTip') != 1 && false) {
						$('#tip_didi').show();
					}
					$('#tip_didi a').click(function () {
						$(this).parent().remove();
						$.cookie('didiTip', 1, { expires: 30, path: '/' });
					});

				});

				/* function editForm(inputId, inputValue) {
					$("#" + inputId).val(inputValue);
					var keyword = $.trim($('#search_input').val());
					var reg = /[`~!@\$%\^\&\*\(\)_<>\?:"\{\},\\\/;'\[\]]/ig;
					var re = /#/g;
					var r = /\./g;
					var kw = keyword.replace(reg, " ");

					if (kw == '') {
						$('#searchForm').attr('action', 'list.html所有职位').submit();
					} else {
						kw = kw.replace(re, '井');
						kw = kw.replace(r, '。');
						$('#searchForm').attr('action', 'list.html' + kw).submit();
					}
					//$("#searchForm").submit();
				} */
			</script>

			<div class="clear"></div>
			<input type="hidden" id="resubmitToken" value="" />
			<a id="backtop" title="回到顶部" rel="nofollow"></a>
		</div><!-- end #container -->
	</div><!-- end #body -->
	<div id="footer">
		<div class="wrapper">
			<a href="h/about.html" target="_blank" rel="nofollow">联系我们</a>
			<a href="h/af/zhaopin.html" target="_blank">互联网公司导航</a>
			<a href="http://e.weibo.com/lagou720" target="_blank" rel="nofollow">拉勾微博</a>
			<a class="footer_qr" href="javascript:void(0)" rel="nofollow">拉勾微信<i></i></a>
			<div class="copyright">&copy;2013-2014 Lagou <a target="_blank"
					href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action">京ICP备14023790号-2</a></div>
		</div>
	</div>

	<script type="text/javascript" src="style/js/core.min.js"></script>
	<script type="text/javascript" src="style/js/popup.min.js"></script>

	<!--  -->

</body>
   
  
</html>
